@charset "UTF-8";

/* ═══════════════════════════════════════════════════════════════
   MOBILE (max-width:599px) — 단일 블록. PC(style.css) 는 건드리지 않는다.
   PC 가 전부 calc(var(--px) * N) 이라 모바일에선 데스크탑이 통째로
   비례축소된다 → 요소마다 vw/% 로 재정의한다.
   ═══════════════════════════════════════════════════════════════ */
@media screen and (max-width:599px) {

/* 지도 말풍선 — 마커가 51x67 로 줄어든 만큼 올려준다 (핀높이 67 + 여백 6).
   카카오 SDK 가 마커를 고정 px 로 그려서 이 값도 vw 가 아닌 고정 px 이어야 어긋나지 않는다 */
.map_marker {
  transform: translateY(-73px);
}

/* ── 전역 ── */
section {
  font-size: 3.3vw;
  letter-spacing: -0.1vw;
}

section img {
  width: 100%;
}

/* ═══════════ CON01 : 메인 비주얼 ═══════════ */
.con01 {
  height: 168vw;
  margin-top: 15vw;
}

.con01_head {
  padding-top: 25vw;
}

.con01_label {
  width: 54vw;
  margin-right: 0;
}

.con01_label_txt {
  top: 1.7vw;
  font-size: 6.3vw;
  letter-spacing: -0.7vw;
}

.con01_logo {
  margin-right: 0;
  margin-top: 1.5vw;
}

.con01_logo_img {
  width: 58vw;
}

.con01_stamp {
  width: 8vw;
  margin-left: -0.4vw;
}

.con01_lead {
  width: 88%;
  margin-top: 3vw;
  font-size: 6.3vw;
  line-height: 1.35;
  letter-spacing: -0.2vw;
  white-space: normal;
  text-align: center;
  word-break: keep-all;
}

.con01_lead_pt {
  display: block;
}

.con01_desc {
  width: 88%;
  margin-top: 2.4vw;
  font-size: 3.3vw;
  line-height: 1.6;
  letter-spacing: -0.1vw;
  word-break: keep-all;
}

.con01_plates {
  top: 96vw;
}

.con01_plates .swiper-slide {
  width: 60vw;
}

.con01_plate_img {
  width: 56vw;
}

.con01_fire {
  left: 0;
  bottom: 11.6vw;
  width: 100%;
}

.con01_dish {
  top: 113vw;
  width: 88vw;
}

.con01_smoke {
  left: 50%;
  transform: translateX(-50%);
  top: 55vw;
  width: 105vw;
}

.con01_marquee {
  height: 11.6vw;
}

.con01_marquee_track,
.con01_marquee_copy {
  width: 290vw;
}

.con01_marquee_unit {
  width: 58vw;
}

.con01_marquee_txt {
  font-size: 3.3vw;
  line-height: 1;
  letter-spacing: -0.1vw;
}

.con01_marquee_logo {
  width: 16vw;
  margin-left: 1.6vw;
}

/* ═══════════ CON02 : 브랜드 소개 ═══════════ */
.con02 {
  height: auto;
  padding-bottom: 0;
  background-image: none;
}

.con02_head {
  width: 90%;
  margin-top: 14vw;
  margin-right: 0;
}

.con02_title {
  font-size: 6.2vw;
  line-height: 1.3;
  letter-spacing: -0.25vw;
  word-break: keep-all;
}

.con02_desc {
  margin-top: 3.2vw;
  font-size: 3.3vw;
  line-height: 1.6;
  letter-spacing: -0.1vw;
  word-break: keep-all;
}

.con02_logo {
  margin-top: 7vw;
}

.con02_logo_item {
  width: 15vw;
}

.con02_logo_item_02 {
  margin-left: -1.4vw;
}

.con02_logo_item_03 {
  margin-left: -1vw;
}

.con02_logo_txt {
  font-size: 9.7vw;
  letter-spacing: -0.4vw;
}

.con02_panel {
  width: 92%;
  height: auto;
  margin-top: -6vw;
  padding-top: 12vw;
  padding-bottom: 8vw;
  border-radius: 3vw;
  background-size: cover;
}

.con02_panel_title {
  font-size: 5.4vw;
  line-height: 1.32;
  letter-spacing: -0.22vw;
  word-break: keep-all;
}

.con02_panel_desc {
  width: 86%;
  margin-top: 3vw;
  font-size: 3.3vw;
  line-height: 1.6;
  letter-spacing: -0.1vw;
  word-break: keep-all;
}

.con02_plates {
  margin-top: 7vw;
}

.con02_plates .swiper-slide {
  width: 56vw;
}

.con02_plate_img {
  width: 52vw;
}

.con02_bar {
  margin-top: -1vw;
}

.con02_bar_item {
  width: 22vw;
  height: 3.4vw;
}


/* ═══════════ CON03 : 특허 화덕 ═══════════ */
.con03 {
  padding-top: 12vw;
}

.con03_grill {
  left: 50%;
  transform: translateX(-50%);
  top: 62vw;
  width: 165vw;
}

.con03_fire {
  left: 50%;
  transform: translateX(-50%);
  top: 71vw;
  width: 130vw;
}

.con03_patent {
  left: 8%;
  top: 51vw;
  width: 32vw;
}

.con03_title {
  font-size: 5.8vw;
  line-height: 1.3;
  letter-spacing: -0.24vw;
}

.con03_desc {
  width: 88%;
  margin-top: 3vw;
  font-size: 3.3vw;
  line-height: 1.6;
  letter-spacing: -0.1vw;
  word-break: keep-all;
}

.con03_panel {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 92%;
  height: auto;
  margin-top: 61vw;
  padding-left: 0;
  padding-top: 9vw;
  border-radius: 3vw;
}

.con03_panel_txt {
  align-items: center;
  margin-top: 0;
  width: 88%;
}

.con03_panel_title {
  font-size: 5.4vw;
  line-height: 1.3;
  letter-spacing: -0.22vw;
  text-align: center;
}

.con03_panel_desc {
  margin-top: 3vw;
  font-size: 3.3vw;
  line-height: 1.6;
  letter-spacing: -0.1vw;
  text-align: center;
  word-break: keep-all;
}

.con03_panel_img {
  width: 95%;
  margin-top: 5vw;
  margin-right: 0;
  margin-bottom: -8vw;
}

/* ═══════════ CON04 : 정식 구성 ═══════════ */
.con04 {
  margin-top: -6vw;
  padding-top: 21vw;
}

/* 모바일은 배경이 197vw 로 화면 밖까지 확장돼, PC 에서 분리한 문·구름(캔버스 % 좌표)과 자리가 어긋난다.
   → 모바일만 문·구름이 합쳐진 원본 배경을 그대로 쓰고 분리 요소는 숨긴다 (여닫이·둥둥은 PC 전용). */
.con04_hanji {
  left: 50%;
  transform: translateX(-50%);
  width: 197vw;
  background-image: url('/images/con04_01.webp');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.con04_hanji img {
  visibility: hidden;
}

.con04_door,
.con04_cloud_01,
.con04_cloud_02 {
  display: none;
}

.con04_cctv {
  left: 50%;
  transform: translateX(-50%);
  top: 78vw;
  width: 190vw;
}

.con04_bar {
  left: 4%;
  top: 18vw;
  width: 2.4vw;
  display: none;
}

.con04_bar_r {
  left: 93.6%;
}

.con04_title {
  font-size: 6vw;
  line-height: 1.25;
  letter-spacing: -0.24vw;
}

.con04_desc {
  width: 88%;
  margin-top: 3vw;
  font-size: 3.3vw;
  line-height: 1.6;
  letter-spacing: -0.1vw;
  word-break: keep-all;
}

.con04_dish {
  width: 88vw;
  margin-top: 8vw;
  margin-right: 0;
}

.con04_season {
  position: relative;
  right: auto;
  top: auto;
  align-items: center;
  width: 88%;
  margin-top: 11vw;
  text-align: center;
}

.con04_season_title {
  font-size: 5.4vw;
  line-height: 1.3;
  letter-spacing: -0.22vw;
}

.con04_season_desc {
  margin-top: 3vw;
  font-size: 3.3vw;
  line-height: 1.6;
  letter-spacing: -0.1vw;
  word-break: keep-all;
}

.con04_season_note {
  margin-top: 3vw;
  font-size: 3.3vw;
  line-height: 1.6;
  letter-spacing: -0.1vw;
  word-break: keep-all;
}

.con04_marquee {
  height: 11.6vw;
  margin-top: 16vw;
}

.con04_marquee_track,
.con04_marquee_copy {
  width: 290vw;
}

.con04_marquee_unit {
  width: 58vw;
}

.con04_marquee_txt {
  font-size: 3.3vw;
  line-height: 1;
  letter-spacing: -0.1vw;
}

.con04_marquee_logo {
  width: 16vw;
  margin-left: 1.6vw;
}


/* ═══════════ CON05 : 계단식 매출 성장 ═══════════ */
.con05 {
  padding-top: 25vw;
  padding-bottom: 66vw;
}

.con05_roof {
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  width: 150vw;
}

.con05_title {
  padding-right: 0;
  font-size: 6vw;
  line-height: 1.3;
  letter-spacing: -0.24vw;
}

.con05_desc {
  width: 88%;
  padding-left: 0;
  margin-top: 3vw;
  font-size: 3.3vw;
  line-height: 1.6;
  letter-spacing: -0.1vw;
  word-break: keep-all;
}

.con05_chart {
  width: 92%;
  bottom: 0;
}

.con05_item {
  width: 15%;
}

.con05_item_02,
.con05_item_03,
.con05_item_04,
.con05_item_05 {
  margin-left: 5.5%;
}

.con05_badge {
  width: 19vw;
  height: 7.9vw;
}

.con05_badge_txt {
  margin-top: 1.8vw;
  font-size: 2.6vw;
  letter-spacing: -0.1vw;
}

.con05_amount {
  font-size: 3.2vw;
}

.con05_amount_01 {
  margin-top: 0.6vw;
}

.con05_month {
  margin-top: 0.8vw;
  font-size: 2.9vw;
}

.con05_bar {
  border-radius: 3vw 3vw 0 0;
}

.con05_bar_01 {
  margin-top: 1.2vw;
  height: 27.9vw;
}

.con05_bar_02 {
  margin-top: 1.2vw;
  height: 37.4vw;
}

.con05_bar_03 {
  margin-top: 1.2vw;
  height: 42.6vw;
}

.con05_bar_04 {
  margin-top: 1.2vw;
  height: 50.7vw;
}

.con05_bar_05 {
  margin-top: 1.2vw;
  height: 55vw;
}

.con05_arrow {
  left: 8%;
  top: 84vw;
  width: 78vw;
}

/* ═══════════ CON06 : 월매출 실적 ═══════════ */
.con06 {
  height: 122vw;
  padding-top: 15vw;
}

.con06_title {
  padding-right: 0;
  font-size: 5.6vw;
  line-height: 1.3;
  letter-spacing: -0.22vw;
}

.con06_desc {
  width: 88%;
  padding-right: 0;
  margin-top: 3vw;
  font-size: 3.3vw;
  line-height: 1.6;
  letter-spacing: -0.1vw;
  word-break: keep-all;
}

.con06_frame {
  left: 0;
  top: 0;
  bottom: auto;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.con06_border {
  left: 4%;
  top: 40vw;
  width: 92%;
  height: 70vw;
  display: none;
}

.con06_border img {
  height: 100%;
}

.con06_cards {
  top: 45vw;
}

.con06_card {
  width: 44vw;
  height: 26vw;
  border-radius: 3vw;
}

.con06_card_top {
  height: 8.8vw;
  border-radius: 3vw 3vw 0 0;
}

.con06_card_month {
  font-size: 3.3vw;
  letter-spacing: -0.15vw;
}

.con06_card_amount {
  margin-top: 2.4vw;
  font-size: 6.7vw;
  letter-spacing: -0.25vw;
}

.con06_card_store {
  margin-top: 1vw;
  font-size: 3vw;
  letter-spacing: -0.1vw;
}

.con06_dish {
  left: auto;
  bottom: 0%;
  width: 79%;
}

.con06_side {
  display: none;
}

.con06_cloud {
  width: 14vw;
}

.con06_cloud_01 {
  left: 8%;
  top: 86vw;
}

.con06_cloud_02 {
  left: 76%;
  top: 78vw;
}

/* ═══════════ CON07 : 수익 구조 ═══════════ */
.con07 {
  padding-top: 12vw;
  padding-bottom: 12vw;
}

.con07_title {
  padding-right: 0;
  font-size: 6vw;
  line-height: 1.3;
  letter-spacing: -0.24vw;
}

.con07_desc {
  width: 88%;
  padding-right: 0;
  margin-top: 3vw;
  font-size: 3.3vw;
  line-height: 1.6;
  letter-spacing: -0.1vw;
  word-break: keep-all;
}

.con07_body {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 8vw;
  padding-left: 0;
  padding-right: 0;
  row-gap: 9vw;
}

.con07_stat {
  width: 68vw;
  margin-top: 0;
}

.con07_stat_item_02 {
  margin-top: 6vw;
  padding-top: 6vw;
}

.con07_stat_label {
  width: 100%;
  height: 10vw;
  font-size: 4.4vw;
  letter-spacing: -0.17vw;
}

.con07_stat_value {
  margin-top: 2.4vw;
  font-size: 9.2vw;
}

.con07_stat_unit {
  font-size: 6.4vw;
}

.con07_chart {
  width: 88vw;
  margin-top: 0;
}

.con07_chart_lb {
  font-size: 5.6vw;
}

.con07_chart_lb_pct {
  font-size: 6.6vw;
}

.con07_report_area {
  align-items: center;
  width: 92%;
}

.con07_report_cap {
  font-size: 3vw;
}

.con07_report {
  width: 100%;
  margin-top: 2vw;
}

.con07_report_head {
  height: 11vw;
  padding: 0 4vw;
  font-size: 3.6vw;
  letter-spacing: -0.1vw;
}

.con07_report_list {
  width: 92%;
}

.con07_report_row {
  height: 10vw;
  font-size: 3.4vw;
  letter-spacing: -0.1vw;
}

.con07_report_row_end {
  height: 10vw;
}

.con07_report_foot {
  height: 12vw;
  padding: 0 4vw 0.8vw;
  font-size: 3.6vw;
  letter-spacing: -0.1vw;
}

.con07_report_c1 {
  width: 33%;
}

.con07_report_c2 {
  width: 37%;
}

.con07_report_c3 {
  width: 28%;
}

.con07_report_note {
  margin-top: 2.4vw;
  padding-left: 2vw;
  text-indent: -2vw;
  font-size: 2.9vw;
  line-height: 1.5;
}


/* ═══════════ CON08 : 슬로우푸드 ═══════════ */
.con08 {
  padding-top: 30vw;
  padding-bottom: 34vw;
}

.con08_food01 {
  left: -8%;
  top: -6vw;
  width: 57vw;
}

.con08_food02 {
  left: 59%;
  top: -11vw;
  width: 58vw;
}

.con08_food03 {
  left: -14%;
  top: 76vw;
  width: 56vw;
}

.con08_food04 {
  left: 56%;
  top: 77vw;
  width: 62vw;
}

.con08_motif {
  width: 26vw;
}

.con08_title {
  margin-top: 3vw;
  font-size: 5.8vw;
  line-height: 1.35;
  letter-spacing: -0.24vw;
}

.con08_desc {
  width: 86%;
  margin-top: 3vw;
  font-size: 3.3vw;
  line-height: 1.6;
  letter-spacing: -0.1vw;
  word-break: keep-all;
}

/* ═══════════ CON09 : 특허 화덕 (01 저염 숙성) ═══════════ */
.con09101112 {
  background-size: 200% auto;
  background-position: center -30vw;
}

.con09101112_oven_photo {
  left: -110vw;
  transform: none;
  top: 176vw;
  width: 260vw;
}

.con09 {
  padding-top: 14vw;
  padding-bottom: 8vw;
}

.con09_tabs {
  width: 60vw;
  height: 3vw;
}

.con09_tabs i {
  height: 3vw;
}

.con09_tabs i + i {
  margin-left: -0.5vw;
}

.con09_fire {
  /* left: 50%; */
  /* transform: translateX(-50%); */
  top: 0;
  width: 151vw;
  -webkit-mask-image: linear-gradient(to right, transparent 21%, #000 40%, #000 60%, transparent 79%);
          mask-image: linear-gradient(to right, transparent 21%, #000 40%, #000 60%, transparent 79%);
}

.con09_eyebrow {
  font-size: 4.4vw;
  line-height: 1.4;
  letter-spacing: -0.2vw;
}

.con09_title {
  font-size: 6vw;
  line-height: 1.35;
  letter-spacing: -0.24vw;
}

.con09_intro {
  gap: 2.4vw;
  margin-top: 4vw;
}

.con09_intro p {
  width: 88%;
  font-size: 3.3vw;
  line-height: 1.6;
  letter-spacing: -0.1vw;
  word-break: keep-all;
}

.con09_card {
  width: 92%;
  height: 96vw;
  margin-top: 8vw;
  padding-top: 8vw;
  border-radius: 3vw;
}

/* 사진이 카드 전체를 덮는다 (PC 와 동일). 카드 96vw 를 채우려면 96 * 1707/921 = 178vw */
.con09_card_fish {
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  bottom: auto;
  width: 178vw;
}

/* PC 와 같은 3겹 구조 복원 — 사진 위에 흰 그라데이션(overlay) + 한지 multiply(paper).
   overlay 는 PC 가시구간(원본 1379~2033행, 알파 255→0)이 카드 높이 96vw 에 그대로 대응하도록
   height = 2084 * 96/654 = 306vw → width = 306 * 1920/2084 = 282vw, top = -1379 * 96/654 = -202.4vw */
.con09_card_overlay {
  left: 50%;
  transform: translateX(-50%);
  top: -202.4vw;
  width: 282vw;
}

.con09_card_paper {
  left: -25%;
  top: 0;
  width: 150%;
}

.con09_badge {
  height: 12vw;
}

.con09_badge_motif {
  width: 11.5vw;
}

.con09_badge_disc {
  width: 12vw;
  height: 12vw;
  margin-left: -2.4vw;
}

.con09_badge_texture {
  left: -0.5vw;
  top: 0.3vw;
  width: 12.1vw;
}

.con09_badge_num {
  font-size: 4.7vw;
  line-height: 1;
  letter-spacing: -0.15vw;
}

.con09_card_title {
  margin-top: 3.4vw;
  font-size: 5.4vw;
  line-height: 1.35;
  letter-spacing: -0.22vw;
}

.con09_card_desc {
  width: 88%;
  margin-top: 3vw;
  font-size: 3.3vw;
  line-height: 1.6;
  letter-spacing: -0.1vw;
  word-break: keep-all;
}

/* ═══════════ CON10 : 화덕 직화 (02) ═══════════ */
.con10 {
  margin-top: -16vw;
  padding-top: 34vw;
  padding-bottom: 34vw;
  align-items: center;
  /* 하단 검은 그라데이션 — con09101112_bg.png 는 alpha 48.1%(y1841) 부터 페이드 시작,
     59.2%(y2264) 에서 완전 불투명. PC 는 이 구간이 con10 높이의 50%~84% 에 오도록 깔려 있다.
     모바일 con10 = 109vw 이므로 페이드폭 138px 을 맞추려면 배경높이 1248px → width 167% ,
     시작점을 50%(204px) 에 두려면 top = 204 − 600 = −396px = −105.6vw */
  background-size: 167% auto;
  background-position: center -105.6vw;
}

.con10_content {
  width: 88%;
  margin-left: 0;
  align-items: center;
}

.con10_badge {
  height: 12vw;
  justify-content: center;
}

.con10_badge_motif {
  width: 11.5vw;
  margin-left: 0;
}

.con10_badge_disc {
  width: 12vw;
  height: 12vw;
  margin-left: -2.4vw;
}

.con10_badge_texture {
  left: -0.5vw;
  top: 0.3vw;
  width: 12.1vw;
}

.con10_badge_num {
  font-size: 4.7vw;
  line-height: 1;
  letter-spacing: -0.15vw;
}

.con10_title {
  margin-top: 3vw;
  font-size: 5.4vw;
  line-height: 1.35;
  letter-spacing: -0.22vw;
  text-align: center;
}

.con10_body {
  margin-top: 3vw;
  font-size: 3.3vw;
  line-height: 1.6;
  letter-spacing: -0.1vw;
  text-align: center;
  word-break: keep-all;
}

/* ═══════════ CON11 : 열 순환 (03) ═══════════ */
.con11 {
  margin-top: -8vw;
}

.con11_card {
  width: 92%;
  height: 74vw;
  padding-top: 11vw;
  border-radius: 3vw;
  transform: none;
}

.con11_photo {
  left: -37.5%;
  top: -10vw;
  width: 175%;
}

.con11_badge {
  height: 12vw;
}

.con11_badge_motif {
  width: 11.5vw;
}

.con11_badge_disc {
  width: 12vw;
  height: 12vw;
  margin-left: -2.4vw;
}

.con11_badge_texture {
  left: -0.5vw;
  top: 0.3vw;
  width: 12.1vw;
}

.con11_badge_num {
  font-size: 4.7vw;
  line-height: 1;
  letter-spacing: -0.15vw;
}

.con11_card_title {
  margin-top: 3.4vw;
  font-size: 5.4vw;
  line-height: 1.35;
  letter-spacing: -0.22vw;
}

.con11_card_desc {
  width: 88%;
  margin-top: 3vw;
  font-size: 3.3vw;
  line-height: 1.6;
  letter-spacing: -0.1vw;
  word-break: keep-all;
}

/* ═══════════ CON12 : 단 8분 (04) ═══════════ */
.con12 {
  padding-top: 16vw;
  padding-bottom: 14vw;
}

.con12_badge {
  height: 12vw;
}

.con12_badge_motif {
  width: 11.5vw;
  margin-left: 0;
  transform: none;
}

.con12_badge_disc {
  width: 12vw;
  height: 12vw;
  margin-left: -2.4vw;
}

.con12_badge_texture {
  left: -0.5vw;
  top: 0.3vw;
  width: 12.1vw;
}

.con12_badge_num {
  font-size: 4.7vw;
  line-height: 1;
  letter-spacing: -0.15vw;
}

.con12_title {
  margin-top: 3.4vw;
  font-size: 5.4vw;
  line-height: 1.35;
  letter-spacing: -0.22vw;
  transform: none;
}

.con12_desc {
  width: 88%;
  margin-top: 3vw;
  font-size: 3.3vw;
  line-height: 1.6;
  letter-spacing: -0.1vw;
  transform: none;
  word-break: keep-all;
}

.con12_cards {
  flex-direction: column;
  align-items: center;
  gap: 6vw;
  margin-top: 8vw;
  transform: none;
}

.con12_card {
  height: 82vw;
  border-radius: 3vw;
}

.con12_card01,
.con12_card03 {
  width: 84vw;
}

.con12_card02 {
  width: 84vw;
}

.con12_card_photo {
  width: 100%;
  height: 53vw;
  margin-top: 0;
  border-radius: 3vw 3vw 0 0;
}

.con12_card01 .con12_card_photo_img,
.con12_card02 .con12_card_photo_img,
.con12_card03 .con12_card_photo_img {
  left: -15%;
  top: 0;
  width: 130%;
}

.con12_step_pill {
  width: 26vw;
  height: 12vw;
  margin-top: -6vw;
  border-radius: 50vw;
  font-size: 4vw;
  letter-spacing: -0.1vw;
}

.con12_card_title {
  margin-top: 3vw;
  font-size: 5vw;
  line-height: 1.4;
  letter-spacing: -0.15vw;
}

.con12_card_desc {
  margin-top: 1.6vw;
  font-size: 3.3vw;
  line-height: 1.6;
  letter-spacing: -0.1vw;
}

.con12_arrow {
  display: none;
}

/* ═══════════ CON13 : 정갈한 한상 ═══════════ */
.con13 {
  align-items: center;
  padding-top: 16vw;
  padding-bottom: 16vw;
  background-position: 0 0, center;
  background-size: 100% 100%, cover;
}

.con13_copy {
  order: 1;
  width: 90%;
  margin-left: 0;
  align-items: center;
}

.con13_title {
  align-items: center;
  font-size: 11vw;
  line-height: 1.15;
  letter-spacing: -0.5vw;
  text-align: center;
}

/* 1줄 = 500도+화덕아이콘 / 2줄 = 화덕에서 완성되는 (가로로 붙임) */
.con13_title {
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 2.5vw;
  justify-content: center;
}

.con13_title_line {
  justify-content: center;
}

.con13_title_line:first-child {
  width: 100%;
}

.con13_oven_icon {
  width: 4.6vw;
  margin-top: 4vw;
  margin-left: 1.6vw;
}

.con13_desc {
  margin-top: 4vw;
  font-size: 3.3vw;
  line-height: 1.6;
  letter-spacing: -0.1vw;
  text-align: center;
  word-break: keep-all;
}

.con13_table {
  order: 2;
  position: relative;
  left: auto;
  top: auto;
  width: 100%;
  margin-top: 6vw;
}

.con13_right_title {
  order: 3;
  position: relative;
  top: auto;
  right: auto;
  margin-top: 6vw;
  font-size: 11vw;
  line-height: 1.15;
  letter-spacing: -0.5vw;
  text-align: center;
}


/* ═══════════ CON14 : 사이드 메뉴 ═══════════ */
.con14 {
  padding-top: 10vw;
  padding-bottom: 0;
}

.con14_top_markers {
  top: 0;
}

.con14_top_marker {
  width: 18vw;
  padding-top: 3vw;
}

.con14_top_marker + .con14_top_marker {
  margin-left: -0.5vw;
}

.con14_top_marker_03 {
  width: 18vw;
}

.con14_motif {
  width: 26vw;
}

.con14_eyebrow {
  margin-top: 4vw;
  font-size: 6.4vw;
  line-height: 1.2;
  letter-spacing: -0.24vw;
}

.con14_title {
  margin-top: 0.6vw;
  font-size: 7.2vw;
  line-height: 1.3;
  letter-spacing: -0.24vw;
}

.con14_desc {
  width: 88%;
  margin-top: 4vw;
  font-size: 3.3vw;
  line-height: 1.7;
  letter-spacing: -0.1vw;
  word-break: keep-all;
}

.con14_bg_word {
  top: 44vw;
  font-size: 34vw;
  line-height: 1;
  letter-spacing: -1.5vw;
}

.con14_slider {
  padding-top: 8vw;
}

.con14_food_img_02 {
  width: 42vw;
  margin-top: 1.1vw;
}

.con14_food_img_03 {
  width: 42.4vw;
  margin-top: 0;
}

.con14_food_img_04 {
  width: 41.1vw;
  margin-top: 1.5vw;
}

.con14_food_img_05 {
  width: 41.2vw;
  margin-top: 0.4vw;
}

.con14_food_img_06 {
  width: 46.7vw;
  margin-top: 0.4vw;
}

.con14_food_img_07 {
  width: 43.9vw;
  margin-top: -3.2vw;
}

/* ═══════════ CON15 : 셀프바 ═══════════ */
.con15 {
  position: relative;
  align-items: center;
  margin-top: -6vw;
  padding-top: 16vw;
  padding-bottom: 14vw;
}

/* 액자 PNG(1709x750) 는 세로로 늘리면 선 굵기가 왜곡된다 → 모바일은 이미지 대신 보더.
   색은 원본 프레임 선에서 추출한 rgb(35,24,21) */
.con15_frame {
  left: auto;
  top: 0;
  width: 95%;
  height: 100%;
  box-sizing: unset;
  border: 1px solid #231815;
  background-color: #f7f5ef;
}

.con15_frame img {
  display: none;
}

.con15_markers {
  display: none;
}

.con15_copy {
  order: 1;
  width: 88%;
  margin-left: 0;
  align-items: center;
}

.con15_title {
  font-size: 6vw;
  line-height: 1.35;
  letter-spacing: -0.24vw;
  text-align: center;
}

.con15_desc {
  margin-top: 4vw;
  font-size: 3.3vw;
  line-height: 1.7;
  letter-spacing: -0.1vw;
  text-align: center;
  word-break: keep-all;
}

.con15_slider {
  order: 2;
  position: relative;
  left: auto;
  top: auto;
  width: 95%;
  margin-top: 8vw;
  padding-left: 0;
  box-sizing: border-box;
}

.con15_photo_01 {
  width: 70vw;
  border-radius: 3vw;
}

.con15_photo_02,
.con15_photo_03,
.con15_photo_04 {
  width: 70vw;
}

/* ═══════════ CON16 : 솥밥 ═══════════ */
.con16 {
  position: relative;
  align-items: center;
  margin-top: -4vw;
  padding-top: 14vw;
}

.con16_copy {
  order: 1;
  width: 88%;
  margin-left: 0;
  align-items: center;
}

.con16_title {
  font-size: 6.2vw;
  line-height: 1.35;
  letter-spacing: -0.24vw;
  text-align: center;
}

.con16_desc {
  margin-top: 4vw;
  font-size: 3.3vw;
  line-height: 1.7;
  letter-spacing: -0.1vw;
  text-align: center;
  word-break: keep-all;
}

.con16_pot {
  order: 2;
  position: relative;
  left: auto;
  top: auto;
  width: 74vw;
  margin-top: 4vw;
  margin-bottom: -22vw;
}

.con16_mountain {
  left: -0.4%;
  top: 100vw;
  width: 101%;
}

.con16_pine_l {
  left: -22%;
  top: 56vw;
  width: 58vw;
}

.con16_pine_r {
  left: 72%;
  top: 66vw;
  width: 38vw;
}

.con16_cloud_l {
  left: -6%;
  top: 10vw;
  width: 24vw;
}

.con16_cloud_r {
  left: 86%;
  top: 24vw;
  width: 24vw;
}

.con16_ticker {
  order: 3;
  margin-top: 10vw;
  padding: 2.6vw 0;
  background-position: center -20vw, 0 0;
  background-size: 200% auto, 100% 100%;
}

.con16_ticker_text {
  font-size: 3.3vw;
  line-height: 1.4;
  letter-spacing: -0.1vw;
}

.con16_ticker_logo {
  width: 16vw;
  margin-left: 1.6vw;
}

/* ═══════════ CON17 : 차림표 ═══════════ */
/* 액자 PNG 2장(1709x864 / 1905x987)은 세로로 늘리면 모서리·선 굵기가 무너진다 → 모바일은 이미지 없이
   밝은 한지색만. #f6f5ef = con17_03.png 내부 채움 픽셀 평균 rgb(246,245,239) */
.con17 {
  height: auto;
  padding-top: 18vw;
  padding-bottom: 12vw;
  background-image: none;
  background-color: #f6f5ef;
  background-position: center 5vw, center top;
  background-size: 92% calc(100% - 10vw), 100% 100%;
}

.con17_title_row {
  width: auto;
  height: auto;
  column-gap: 3vw;
}

.con17_title_motif {
  width: 15vw;
}

.con17_title {
  height: auto;
  column-gap: 2vw;
  margin-right: 0;
  margin-left: 0;
  font-size: 7.6vw;
  line-height: 1.1;
  letter-spacing: -0.36vw;
}

.con17_divider_img {
  width: 84%;
  margin-top: 4vw;
}

.con17_tablist {
  flex-wrap: wrap;
  width: 88%;
  margin-top: 5vw;
  margin-left: 0;
  column-gap: 5vw;
  row-gap: 1vw;
}

.con17_tab {
  padding: 1.8vw 0;
  font-size: 3.3vw;
  line-height: 1.3;
  letter-spacing: -0.1vw;
}

.con17_tab.is-active {
  margin-right: -3vw;
  margin-left: -2.4vw;
  padding-right: 3vw;
  padding-left: 2.4vw;
}

.con17_panels {
  margin-top: 6vw;
}

/* 전역 리셋이 content-box 라 width:100% + padding 4% 가 405px(뷰포트 초과)로 부풀었다 */
/* overflow:hidden 은 border-box 에서 자르므로 padding 을 쓰면 우측 패딩 영역에 3번째 슬라이드가 비친다
   → 패딩 대신 폭 자체를 92% 로 줄여 딱 2장만 보이게 한다 */
.con17_slider {
  clip-path: none;
  box-sizing: border-box;
  width: 92%;
  padding: 0;
  align-self: center;
}

/* 카드 2장이 슬라이더 안쪽 폭(92vw)을 정확히 나눠 갖는다 — 간격 2vw */
.con17_slide {
  width: calc((100% - 2vw) / 2) !important;
}

/* 카드 내부 간격은 GSAP 이 --con17-* 변수(PC px 단위)를 인라인으로 물린다.
   PC 는 calc(var(--px) * N) 으로 소비하는데 모바일 --px 는 0.197 이라 46 → 9px 로 찌부된다.
   모바일 카드/ PC 카드 높이비 = 62vw(232px) / 411px ≈ 0.56 → 1단위당 0.15vw 로 환산해 소비한다. */
.con17_card {
  width: 100%;
  height: 62vw;
  border-radius: calc(var(--con17-card-radius) * 0.15vw);
}

.con17_card_title {
  margin-top: calc(var(--con17-title-top) * 0.15vw);
  font-size: 3.8vw;
  line-height: 1.3;
  letter-spacing: -0.12vw;
}

.con17_card_desc {
  height: calc(var(--con17-desc-height) * 0.2vw);
  margin-top: calc(var(--con17-desc-gap) * 0.15vw);
  font-size: 3vw;
  line-height: 1.45;
  letter-spacing: -0.1vw;
}

.con17_card_empty .con17_card_title {
  margin-top: 26vw;
}

.con17_card_img {
  width: 90%;
  margin-top: calc(var(--con17-image-gap) * 0.15vw);
}

.con17_nav {
  margin-top: 6vw;
  column-gap: 2vw;
}

.con17_nav_button {
  width: 12vw;
  height: 12vw;
  font-size: 8vw;
}


/* ═══════════ CON18 : 고객 리뷰 ═══════════ */
/* 배경 이미지 4장(구름2·접시·아치띠) 전부 제거 — 모바일에선 배경색(#000)만 */
.con18 {
  align-items: center;
  padding-top: 15vw;
  padding-bottom: 0;
  padding-left: 0;
  background-image: none;
}

/* .con18_layout 래퍼를 해제해 copy / badges / slider 를 con18 직계 flex item 으로 올린다 */
.con18_layout {
  display: contents;
}

.con18_layout {
  flex-direction: column;
  align-items: center;
}

.con18_copy {
  order: 1;
  width: 88%;
  margin-top: 0;
  align-items: center;
}

.con18_title {
  align-items: center;
  margin-left: 0;
  font-size: 6.2vw;
  line-height: 1.35;
  letter-spacing: -0.24vw;
  white-space: normal;
  text-align: center;
}

.con18_desc {
  margin-top: 4vw;
  margin-left: 0;
  font-size: 3.3vw;
  line-height: 1.7;
  letter-spacing: -0.1vw;
  text-align: center;
}

.con18_desc_line {
  white-space: normal;
}

.con18_slider {
  order: 3;
  box-sizing: border-box;
  width: 100%;
  margin-top: -5vw;
  margin-left: 0;
  padding-left: 0;
}

.con18_slide {
  width: 62vw !important;
}

.con18_card_img {
  width: 62vw;
}

/* 좌측 세로 뱃지 → 슬라이드 위 가로배치 */
.con18_badges {
  order: 2;
  position: relative;
  left: auto;
  top: auto;
  flex-direction: row;
  justify-content: center;
  width: auto;
  margin-top: 8vw;
}

.con18_badge_img {
  width: 11vw;
}

.con18_badge_02 {
  margin-top: 0;
  margin-left: -1.7vw;
}

.con18_badge_03 {
  margin-top: 0;
  margin-left: -2vw;
}

.con18_badge_04 {
  margin-top: 0;
  margin-left: -1.9vw;
}

/* ═══════════ CON19 : 인테리어 ═══════════ */
.con19 {
  padding-top: 15vw;
  padding-bottom: 15vw;
  background-image: none;
}

.con19_content {
  order: 1;
  width: 90%;
}

.con19_label {
  width: 46vw;
  padding-block: 2.4vw;
  font-size: 3.6vw;
  line-height: 1.4;
  letter-spacing: -0.1vw;
}

/* PC 는 calc(var(--px) * 7) 이라 모바일에서 1px 로 뭉개진다 → 폰트 대비 같은 비율(29%)로 */
.con19_label_main {
  margin-right: 1vw;
}

.con19_title {
  margin-top: 5vw;
  font-size: 6vw;
  line-height: 1.35;
  letter-spacing: -0.24vw;
  white-space: normal;
  text-align: center;
}

.con19_slogan {
  width: 96%;
  margin-top: 4vw;
  padding-block: 1.6vw;
  padding-inline: 3vw;
  font-size: 4vw;
  line-height: 1.5;
  letter-spacing: -0.16vw;
  white-space: normal;
  text-align: center;
}

.con19_desc {
  width: 100%;
  margin-top: 5vw;
  font-size: 3.3vw;
  line-height: 1.7;
  letter-spacing: -0.1vw;
  white-space: normal;
  text-align: center;
}

.con19_desc_detail {
  margin-top: 5vw;
}

.con19_slider {
  position: relative;
}

/* 우측 슬라이더의 사진은 JS 가 좌측 트랙으로 옮긴다 (js/slide.js con19Rebuild) → 빈 껍데기는 숨김 */
.con19_slider_left {
  order: 2;
  left: auto;
  top: auto;
  width: 100%;
  height: auto;
  margin-top: 9vw;
}

.con19_slider_right {
  display: none;
}

/* PC 는 세로 트랙(column) — 모바일은 가로 */
.con19_track {
  flex-direction: row;
}

.con19_slide {
  width: auto !important;
  height: auto !important;
  /* 모바일은 트랙이 row 라 PC 의 세로 간격(margin-bottom)을 리셋한다 */
  margin-bottom: 0;
}

.con19_photo_l01,
.con19_photo_l02,
.con19_photo_l03,
.con19_photo_l04,
.con19_photo_r01,
.con19_photo_r02,
.con19_photo_r03,
.con19_photo_r04 {
  width: 76vw;
}

/* ═══════════ CON20 : 프라이빗 룸 ═══════════ */
.con20 {
  flex-direction: column;
  align-items: center;
  padding-top: 14vw;
  padding-bottom: 14vw;
  padding-left: 0;
}

.con20_content {
  width: 88%;
  margin-top: 0;
  align-items: center;
}

.con20_title {
  font-size: 6vw;
  line-height: 1.35;
  letter-spacing: -0.24vw;
  white-space: normal;
  text-align: center;
}

.con20_desc {
  margin-top: 4vw;
  margin-left: 0;
  font-size: 3.3vw;
  line-height: 1.7;
  letter-spacing: -0.1vw;
  text-align: center;
}

.con20_slider {
  box-sizing: border-box;
  width: 100%;
  margin-top: 8vw;
  margin-left: 0;
  padding-left: 0;
}

.con20_slide_img {
  width: 72vw;
}

/* ═══════════ CON21 : 상생 시스템 ═══════════ */
.con21 {
  padding-top: 16vw;
  padding-bottom: 12vw;
  /* 상단 3중선은 PC 와 동일하게 line_wave(.con21_wave) 가 담당 — gradient 레이어 제거 */
  background-image:
    url("/images/con21_10.png"),
    url("/images/con21_11.png");
  background-position: -8vw 8vw, 82vw 4vw;
  background-size: 46vw 48vw, 36vw 52vw;
}

.con21_tree {
  width: 54vw;
}

.con21_tree_left {
  left: -30vw;
  top: 96vw;
}

.con21_tree_right {
  left: 66vw;
  top: 250vw;
}

.con21_title {
  width: 90%;
  transform: none;
  font-size: 6vw;
  line-height: 1.35;
  letter-spacing: -0.24vw;
  white-space: normal;
  text-align: center;
}

.con21_signal {
  gap: 2.4vw;
  margin-top: 3vw;
}

.con21_signal_img {
  width: 7vw;
}

.con21_desc {
  width: 90%;
  margin-top: 4vw;
  transform: none;
  font-size: 3.3vw;
  line-height: 1.7;
  letter-spacing: -0.1vw;
  white-space: normal;
  text-align: center;
}

.con21_cards_stage {
  justify-content: center;
  margin-top: 8vw;
  padding-left: 0;
}

.con21_cards {
  flex-direction: column;
  align-items: center;
  gap: 5vw;
}

.con21_card {
  box-sizing: border-box;
  width: 84vw;
  height: auto;
  padding: 8vw 5vw 9vw;
  border-radius: 3vw;
}

.con21_card_icon_support {
  width: 14vw;
  margin-top: 0;
}

.con21_card_icon_system {
  width: 15vw;
  margin-top: 0;
}

.con21_card_icon_partnership {
  width: 16vw;
  margin-top: 0;
}

.con21_card_title {
  transform: none;
  font-size: 5vw;
  line-height: 1.4;
  letter-spacing: -0.15vw;
  white-space: normal;
  text-align: center;
}

.con21_card_support .con21_card_title,
.con21_card_system .con21_card_title,
.con21_card_partnership .con21_card_title {
  margin-top: 4vw;
}

.con21_card_desc {
  transform: none;
  font-size: 3.3vw;
  line-height: 1.7;
  letter-spacing: -0.1vw;
  white-space: normal;
  text-align: center;
}

.con21_card_support .con21_card_desc,
.con21_card_system .con21_card_desc,
.con21_card_partnership .con21_card_desc {
  margin-top: 3vw;
}

.con21_bottom {
  width: 88%;
  margin-top: 9vw;
  transform: none;
  font-size: 3.6vw;
  line-height: 1.6;
  letter-spacing: -0.1vw;
  white-space: normal;
  text-align: center;
}

/* ═══════════ CON22 : 유튜브 채널 ═══════════ */
.con22 {
  flex-direction: column;
  align-items: center;
  padding: 16vw 6% 16vw;
}

.con22_left {
  width: 100%;
  margin-top: 0;
  align-items: center;
}

.con22_eyebrow {
  margin-left: 0;
  font-size: 3.3vw;
  line-height: 1.6;
  letter-spacing: -0.1vw;
  text-align: center;
}

.con22_title {
  margin-top: 3vw;
  margin-left: 0;
  font-size: 6.2vw;
  line-height: 1.35;
  letter-spacing: -0.24vw;
  text-align: center;
}

.con22_cards {
  justify-content: center;
  width: 100%;
  margin-top: 6vw;
  gap: 2.4vw;
}

/* PC 는 카드마다 상하 패딩이 달라(40/59.5 · 40/46 · 36/47) 모바일에서 89·106·112px 로 어긋났다
   → 공통 높이 + 세로 중앙정렬로 통일 */
.con22_card {
  height: 30vw;
  justify-content: center;
  border-radius: 3vw;
}

.con22_card_01,
.con22_card_02,
.con22_card_03 {
  width: 27vw;
  padding: 2vw 1vw;
}

.con22_card_icon_youtube {
  width: 8vw;
}

.con22_card_icon_baemin {
  width: 7.4vw;
}

.con22_card_text {
  font-size: 3.3vw;
  line-height: 1.4;
  letter-spacing: -0.1vw;
}

.con22_card_01 .con22_card_text,
.con22_card_02 .con22_card_text,
.con22_card_03 .con22_card_text {
  margin-top: 3vw;
}

.con22_desc {
  margin-top: 6vw;
  margin-left: 0;
  font-size: 3.3vw;
  line-height: 1.7;
  letter-spacing: -0.1vw;
  white-space: normal;
  text-align: center;
}

.con22_right {
  align-items: center;
  width: 100%;
  margin-top: 10vw;
  margin-left: 0;
}

.con22_youtube_logo {
  align-self: center;
  width: 30vw;
  margin-right: 0;
}

.con22_video_img {
  width: 88vw;
  margin-top: 3vw;
}

.con22_video_icon {
  top: 20vw;
  left: 36vw;
  width: 16vw;
}

.con22_caption {
  align-self: center;
  margin-top: 2.4vw;
  margin-right: 0;
  font-size: 3.2vw;
  line-height: 1.4;
}

/* ═══════════ CON23 : 한상 이미지 ═══════════ */
.con23 {
  height: auto;
  padding-top: 12vw;
  padding-bottom: 0;
}

.con23_mark {
  width: 76vw;
}

.con23_photo {
  position: relative;
  top: auto;
  left: auto;
  width: 106%;
  margin-top: -20vw;
}

/* ═══════════ CON24 : 창업비용 안내 ═══════════ */
.con24 {
  align-items: center;
  height: auto;
  padding-top: 10vw;
  padding-bottom: 14vw;
  /* 상단 3중선은 line_wave(.con24_wave) 가 담당 */
  background-color: #fff;
}

/* PC 처럼 표 위에 메달리온이 겹치는 구성.
   PC 비율(메달 605/표 1004 = 60%)대로 두면 모바일 메달 안 글자가 2vw 로 떨어져 못 읽는다
   → 겹침 구조는 유지하되 메달을 66vw 로 키우고 내부 타이포를 다시 잡는다 */
.con24_table {
  justify-content: center;
  align-items: center;
  overflow: visible;
  width: 100%;
  height: auto;
  margin-top: 8vw;
}

.con24_table img {
  width: 100%;
  flex-shrink: 1;
}

.con24_medallion {
  left: 17%;
  top: 20vw;
  width: 66vw;
  margin-top: 0;
  padding-top: 13.5vw;
  padding-bottom: 13.5vw;
}

.con24_emblem {
  width: 20vw;
}

.con24_title {
  margin-top: 2.5vw;
  font-size: 6vw;
  line-height: 1.25;
  letter-spacing: -0.12vw;
}

.con24_desc {
  margin-top: 3vw;
  font-size: 3.3vw;
  line-height: 1.5;
  letter-spacing: -0.04vw;
}

.con24_phone {
  margin-top: 3vw;
  font-size: 8.5vw;
  line-height: 1;
}

/* ═══════════ CON25 : 창업절차 안내 ═══════════ */
.con25 {
  height: auto;
  padding-top: 18vw;
  padding-bottom: 30vw;
}

/* 패널 PNG(1709x747) 세로 스트레치 왜곡 방지 — 흰 배경 + 보더로 대체.
   보더색은 원본 선에서 추출한 rgb(36,26,27), 내부는 원본이 순백(255,255,255) */
.con25_panel {
  top: 5vw;
  width: 94%;
  height: calc(100% - 22vw);
  box-sizing: border-box;
  border: 1px solid #241a1b;
  background-color: #fff;
}

.con25_panel img {
  display: none;
}

.con25_tab {
  width: 60vw;
}

.con25_tab_seg {
  width: 20vw;
  height: 3vw;
}

.con25_marquee {
  height: 11.6vw;
  z-index: 2;
}

.con25_marquee_track,
.con25_marquee_copy {
  width: 290vw;
}

.con25_marquee_unit {
  width: 58vw;
}

.con25_marquee_txt {
  font-size: 3.3vw;
  line-height: 1;
  letter-spacing: -0.1vw;
}

.con25_marquee_logo {
  width: 16vw;
  margin-left: 1.6vw;
}

.con25_dish {
  top: auto;
  bottom: 7vw;
  width: 82vw;
}

.con25_title {
  gap: 2.4vw;
  margin-right: 0;
  font-size: 6vw;
  line-height: 1.3;
  letter-spacing: -0.2vw;
}

.con25_title_deco {
  width: 5.4vw;
}

.con25_list {
  justify-content: center;
  width: 88vw;
  margin-top: 8vw;
  margin-right: 0;
  column-gap: 4vw;
  row-gap: 4vw;
}

.con25_card {
  width: 42vw;
  padding-left: 8vw;
  padding-right: 3vw;
}

.con25_num {
  width: 8vw;
  height: 8.5vw;
  font-size: 3.2vw;
  line-height: 1.4;
}

.con25_txt {
  font-size: 3.3vw;
  line-height: 1.4;
  letter-spacing: -0.1vw;
}

/* 2단 배치에서 좌/우 카드 사이 간격(4vw)의 한가운데에 얹는다.
   짝수 스텝(2·6)의 화살표는 줄 끝이라 숨긴다 */
.con25_step {
  position: relative;
}

.con25_arrow {
  display: flex;
  position: absolute;
  z-index: 1;
  left: calc(100% + 2vw);
  top: 50%;
  transform: translate(-50%, -50%);
  width: 9vw;
  margin: 0;
}

.con25_list > .con25_step:nth-child(even) .con25_arrow {
  display: none;
}

/* ═══════════ CON26 : 가맹점 지도 ═══════════ */
.con26 {
  padding-top: 14vw;
}

.con26_flower {
  width: 5.4vw;
  top: 16vw;
}

.con26_flower_l {
  left: 22%;
}

.con26_flower_r {
  left: 72%;
}

.con26_title {
  gap: 1.2vw;
  margin-right: 0;
  font-size: 6vw;
  line-height: 1.3;
  letter-spacing: -0.2vw;
}

.con26_title_logo {
  width: 20vw;
}

.con26_sub {
  margin-top: 3vw;
  font-size: 3.3vw;
  line-height: 1.6;
  letter-spacing: -0.1vw;
}

.con26_body {
  order: 2;
  flex-direction: column;
  width: 92%;
  margin-top: 3vw;
}

.con26_list {
  order: 2;
  width: 100%;
  height: 62vw;
  border-right: 0;
  border-bottom: 0;
}

.con26_store {
  height: auto;
  padding: 4vw 4vw 4vw;
}

.con26_store:last-child {
  height: auto;
}

.con26_store_name {
  margin-left: 0;
  font-size: 3.8vw;
  line-height: 1.4;
}

.con26_store_plus {
  width: 8vw;
  height: 8vw;
}

.con26_store_plus_ico {
  width: 3vw;
  height: 3vw;
  background-size: 100% 1px, 1px 100%;
}

.con26_store_info {
  margin-left: 0;
  margin-top: 1.4vw;
  font-size: 3vw;
  line-height: 1.5;
}

.con26_store_naver {
  width: 26vw;
  height: 7.4vw;
  margin-top: 2.4vw;
  gap: 1vw;
}

.con26_store_naver_n {
  font-size: 3vw;
  line-height: 1;
}

.con26_store_naver_txt {
  font-size: 3vw;
  line-height: 1;
}

.con26_map {
  order: 1;
  box-sizing: border-box;
  width: 100%;
  height: 92vw;
  border-bottom: 1px solid #241a1b;
}

/* 위에서부터 검색창 → 지도 → 리스트.
   검색창은 .con26 직계, 지도·리스트는 .con26_body 안이라 각 컨테이너에서 order 를 준다 */
.con26_search {
  order: 1;
  position: relative;
  top: auto;
  width: 92%;
  height: 11vw;
  margin-top: 6vw;
  padding: 0 4vw 0 5vw;
}

.con26_search_input {
  width: 60vw;
  font-size: 3.3vw;
  line-height: 1.4;
}

.con26_search_btn {
  width: 5.4vw;
}

.con26_popup {
  flex-direction: column;
  width: 88%;
  padding: 4vw;
  border-radius: 3vw;
}

.con26_popup_photo {
  width: 100%;
  border-radius: 2.4vw;
}

.con26_popup_body {
  width: 100%;
  margin-top: 4vw;
  margin-left: 0;
}

.con26_popup_name {
  font-size: 4.4vw;
  line-height: 1.4;
  letter-spacing: -0.1vw;
}

.con26_popup_line {
  margin-top: 2vw;
}

.con26_popup_rows {
  row-gap: 1.6vw;
  margin-top: 2.6vw;
}

.con26_popup_row {
  column-gap: 1.6vw;
}

.con26_popup_label,
.con26_popup_val {
  font-size: 3.3vw;
  line-height: 1.5;
  letter-spacing: -0.1vw;
}

.con26_popup_naver_wrap {
  margin-top: 3.4vw;
}

.con26_popup_naver {
  width: 34vw;
  height: 9vw;
  gap: 1vw;
}

.con26_popup_close {
  top: 2.4vw;
  right: 4%;
  width: 6vw;
  height: 6vw;
}

.con26_popup_close_ico {
  width: 4vw;
  height: 4vw;
  background-size: 100% 1px, 1px 100%;
}

/* ═══════════ CON27 : 대표이사 인사말 ═══════════ */
.con27 {
  padding-top: 16vw;
  padding-bottom: 16vw;
}

.con27_bar {
  display: none;
}

/* 액자 PNG(con27_01) 는 음식·프레임선이 합성돼 있어 세로로 늘리면 다 왜곡된다.
   PSD `언행일치 > ChatGPT Image` 레이어(주방 사진, 음식·선 없음)를 패널 영역으로 크롭해 con27_bg.jpg 로 뽑고,
   원본 합성본과의 밝기비 실측(0.42)에 맞춰 반투명 블랙 58% 를 CSS 레이어로 덮는다 */
.con27_panel {
  top: 8vw;
  width: 92%;
  height: calc(100% - 16vw);
  background-image:
    linear-gradient(rgba(0, 0, 0, 0.58), rgba(0, 0, 0, 0.58)),
    url("/images/con27_bg.jpg");
  background-size: cover, cover;
  background-position: center, center;
}

.con27_panel img {
  display: none;
}

.con27_col {
  align-items: center;
  width: 84%;
  padding-left: 0;
}

.con27_head {
  font-size: 5.2vw;
  line-height: 1.35;
  letter-spacing: -0.2vw;
  text-align: center;
}

.con27_logo {
  justify-content: center;
  margin-top: 2vw;
  margin-left: 0;
}

.con27_logo_img {
  width: 40vw;
}

.con27_stamp {
  width: 5.2vw;
  margin-left: -0.4vw;
}

.con27_desc {
  align-items: center;
  margin-top: 6vw;
}

.con27_txt {
  font-size: 3.3vw;
  line-height: 1.8;
  letter-spacing: -0.1vw;
  text-align: center;
}

.con27_txt + .con27_txt {
  margin-top: 5vw;
}

/* ═══════════ CON28 : 창업문의 ═══════════ */
.con28 {
  flex-direction: column;
  align-items: center;
  height: auto;
  padding-bottom: 0;
}

.con28_fish01 {
  left: 73%;
  top: 12vw;
  width: 46vw;
}

.con28_fish02 {
  left: -16%;
  top: 74vw;
  width: 44vw;
}

.con28_fish03 {
  display: none;
}

.con28_left {
  align-items: center;
  width: 88%;
  margin-left: 0;
  padding-top: 20vw;
}

.con28_badge {
  width: 44vw;
  margin-left: 0;
}

.con28_badge_txt {
  margin-right: 0;
  margin-bottom: 0.8vw;
  font-size: 4vw;
  line-height: 1.3;
  letter-spacing: -0.12vw;
}

.con28_title {
  margin-top: 4vw;
  margin-left: 0;
  font-size: 6.4vw;
  line-height: 1.25;
  letter-spacing: -0.26vw;
  text-align: center;
}

.con28_desc {
  margin-top: 3vw;
  margin-left: 0;
  font-size: 3.3vw;
  line-height: 1.6;
  letter-spacing: -0.1vw;
  text-align: center;
}

.con28_call {
  justify-content: center;
  margin-top: 6vw;
}

.con28_call_ico {
  width: 13vw;
  height: 13vw;
}

.con28_call_ico img {
  width: 7.4vw;
}

.con28_call_num {
  margin-left: 2.4vw;
  font-size: 10vw;
}

.con28_panel {
  align-self: auto;
  width: 100%;
  margin-top: 12vw;
}

.con28_form {
  width: 84%;
  margin-top: 12vw;
}

.con28_field {
  height: 12vw;
}

.con28_label {
  width: 24%;
  margin-left: 0;
  font-size: 3.6vw;
}

.con28_input {
  width: 70%;
  margin-left: 4%;
  font-size: 3.4vw;
  height: 100%;
}

.con28_radio {
  margin-left: 4%;
  width: 70%;
}

.con28_radio_item {
  width: 50%;
  height: 8vw;
  font-size: 3.3vw;
}

.con28_agree {
  margin-top: 3.4vw;
}

.con28_agree_chk {
  margin-left: 0;
}

.con28_check {
  width: 3.4vw;
  height: 3.4vw;
}

.con28_agree_txt {
  margin-left: 1.4vw;
  font-size: 3vw;
  line-height: 1.4;
}

.con28_more {
  margin-right: 0;
  font-size: 3vw;
  line-height: 1.4;
}

.con28_submit {
  height: 12vw;
  margin-top: 4vw;
  font-size: 4.6vw;
}

.con28_strip {
  margin-top: 12vw;
}

.con28_strip_seg {
  width: 20vw;
  height: 3vw;
}


/* 앵커 도착점 보정 — 모바일 헤더(15vw)는 스크롤해도 숨지 않는다
   (js/header.js handleScreenChange 의 mobile 분기가 비어 있어 PC 처럼 .insert 로 올라가지 않는다).
   그래서 헤더 링크로 이동하면 섹션 상단이 헤더 높이만큼 가린다. 실측으로 가림이 확인된
   두 곳에만 준다 — #con28(창업문의 뱃지·타이틀), #con05(지붕 그래픽). 전역 section 에는 주지 않는다. */
#con05,
#con28 {
  scroll-margin-top: 15vw;
}

/* ═══════════ 이번 변경분 모바일 보정 ═══════════ */

/* line_wave — 선 두께가 --px/vw 로 잡혀 모바일에서 1~2px 로 뭉개진다. 모바일 값으로 키운다 */
.line_wave_div_up2 {
  height: 8vw;
}

.line_wave_div_up2::before {
  height: 1vw;
}

.line_wave_div_up2 .line_wave_up {
  height: 1.2vw;
}

/* con18 · con21 구름 — 원래 모바일 배경엔 없던 데코다(PC 배경 레이어에서 요소로 분리한 것).
   모바일 디자인 그대로 두려면 숨긴다. con06 · con16 구름은 모바일에도 원래 있으므로 유지. */
.con18_cloud,
.con21_cloud {
  display: none;
}

/* con03 불 — PC 에서 넣은 height/mask 가 모바일까지 상속돼 좁은 폭에서 과하게 잘린다.
   con09 는 모바일 전용 mask 를 따로 쓰므로(위 .con09_fire) 여기서 제외한다. */
.con03_fire {
  height: auto;
  overflow: visible;
  -webkit-mask-image: none;
          mask-image: none;
}
}